<template>
  <div
      class="flex justify-center items-center
               dark:hover:bg-slate-950 cursor-pointer py-5 px-1.5
                transition-all duration-500 ease-in-out transform hover:-translate-y-1 hover:scale-110 ">
    <img :style="`height:${size}px;width:${size}px`" :src="logoSrc" alt="logo">
    <div  class="truncate text-xl font-bold  ">RedisWeb</div>
  </div>

</template>

<script setup lang="ts">


import logo from '@/assets/logo.png'

const logoSrc = logo


defineProps({
  size: {
    type: Number,
    default: 40
  }
})

</script>

<style scoped>

</style>